<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{$websiteData['titles']}} - 详情页</title>
    <meta name="description" content="{{$websiteData['description']}}" />
    <meta name="keywords" content="{{$websiteData['keywords']}}" />
    <link rel="stylesheet" href="/static/home/css/website3/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
<!-- 头部导航 -->
@include("home.index3.header")

<!-- 详情页内容 -->
<main class="page-content">
    <div class="container">
        <div class="article-header">
            <h1 class="article-title">{{$info['title']}}</h1>
            <div class="article-meta">
                <span>时间: {{$info['publish_time']}}</span>
                <span>阅读: {{$info['read_count']}}</span>
                <span>分类: {{$info['topicTitle']}}</span>
            </div>
        </div>
        <div class="article-content">
            {!! $info['content'] !!}
            <div class="article-navigation">
                <a href="{{route('home.article.info')}}?id={{$previousData['id']}}&nvabar=3" class="nav-btn prev">
                    <i>←</i> 上一篇文章：{{$previousData['title']}}
                </a>
                <a href="{{route('home.article.info')}}?id={{$nextData['id']}}&nvabar=3" class="nav-btn next">
                    下一篇文章：{{$nextData['title']}} <i>→</i>
                </a>
            </div>
        </div>

        <div class="sidebar">
            <div class="sidebar-widget">
                <h3 class="widget-title">热门文章</h3>
                <ul class="popular-posts">
                    @foreach($lastArticleData as $val)
                    <li>
                        <div class="popular-post-img">
                            <img src="{{$val['thumbs']}}" alt="">
                        </div>
                        <div class="popular-post-content">
                            <h4><a href="{{route('home.article.info')}}?id={{$val['id']}}&nvabar=3">{{$val['title']}}</a></h4>
                            <span>{{$val['publish_time']}}</span>
                        </div>
                    </li>
                    @endforeach
                </ul>
            </div>

        </div>
    </div>
</main>

<!-- 页脚 -->
@include("home.index3.footer")
</body>
</html>
